  $("[data-toggle='offcanvas']").setToggles(".row-offcanvas");
  $(".treeview").tree();
  /* For demo purposes */
  $(".no-print").click(function() {
    if (!$(this).hasClass("open")) {
      $(this).css("right", "200px");
      $(".no-print-box").css("right", "0");
      $(this).addClass("open");
    } else {
      $(this).css("right", "0");
      $(".no-print-box").css("right", "-200px");
      $(this).removeClass("open")
    }
  });
  function fix_sidebar() {
    //Make sure the body tag has the .fixed class
    if (!$("body").hasClass("fixed")) {
      return;
    }
    //Add slimscroll
    $(".sidebar").slimscroll({
      height: ($(window).height() - $(".header").height()) + "px",
      color: "rgba(0,0,0,0.2)"
    });
  }
  function change_layout() {
    $("body").toggleClass("fixed");
    fix_sidebar();
  }
  function change_skin(cls) {
    $("body").removeClass("skin-blue skin-black");
    $("body").addClass(cls);
  }
  $("#_layout").on('change',change_layout);
  $("#_black").on('change',function(){
    change_skin("skin-black");
  });
  $("#_blue").on('change',function(){
    change_skin("skin-blue");
  });
  $("body").click(function(){
    if($(event.target).parents('.btn-group').length == 0){
      $(".btn-group").removeClass('open');
      $("ul.display").removeClass('display');
    }
  });